<template>
  <i :class="'fa-icon fa ' + iconStyle " aria-hidden="true" @click="onClick($event)"></i>
</template>

<script>
export default {
  name: 'fa-icon',
  props: { iconStyle: String },
  methods: {
    onClick ($event) {
      this.$emit('click', $event)
    }
  }
}
</script>

<style lang="less">
.fa-icon {
  margin-right:6px;
}
</style>
